<style lang="stylus" scoped>
  #app 
    height 100%
  .navbar
    position fixed
    z-index 10
    bottom 0
    left 0
    display flex
    align-items center
    background-color rgba(30,30,30,.8)
    border-top .1rem solid rgba(240,210,160,.8)
    width 100%
    height 5rem
    box-sizing border-box
    a
      flex 1
      text-align center
      color #c6c6c6
      p
        font-size 1rem
</style>


<template>
  <div id="app">
    <div id="nav" class="navbar">
      <router-link to="/">
        <i class="iconfont icon-shouyeshouye"></i>
        <p>首 页</p>
      </router-link>
      <router-link to="/about">
        <i class="iconfont icon-icon-prize"></i>
        <p>开 奖</p>
      </router-link>
      <router-link to="/single">
        <i class="iconfont icon-icon-note"></i>
        <p>注 单</p>
      </router-link>
      <router-link to="/bonus">
        <i class="iconfont icon-icon-share"></i>
        <p>分 红</p>
      </router-link>
      <router-link to="/my">
        <i class="iconfont icon-wode"></i>
        <p>我 的</p>
      </router-link>
    </div>
    <router-view/>
  </div>
</template>

<script>
export default {
  
}
</script>

